<template>
  
  <el-table-column
    :label="coloumnHeader.group"
    :prop="coloumnHeader.code"
    show-overflow-tooltip
    align="center"
  >
    <template v-for="item in coloumnHeader.properties">
      <tableColumn
        v-if="item.properties && item.properties.length"
        :key="item.id"
        :coloumn-header="item"
      >
      </tableColumn>
      <el-table-column
        v-else
        :key="item.name"
        :label="item.name"
        :prop="item.code"
        align="center"
      ></el-table-column>
    </template>
  </el-table-column>
</template>

<script>
export default {
  name: "tableColumn",
  props: {
    // 表头数据信息
    coloumnHeader: {
      type: Object,
      required: true,
    },
  },
  mounted() {
    // console.log(this.coloumnHeader,"====coloumnHeader")
  }
};
</script>

<style scoped></style>
